<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>资金记录</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/moneyRecord.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <link rel="stylesheet" href="/css/page.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/moneyRecord"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">

<#include "/include/user_siderbar.ftl">
    <div class="content fr">
        <div class="content-top">
            <span class="content-top-text">资金记录</span>
        </div>
        <div class="screening">
            <span class="screening-day-text">投资日期</span>

            <div class="screening-day-inputs">
                <#--<input disabled="true" type="text" class="all-input laydate-icon personal-information"/>-->

                <input type="text" id="birthday" style="width: 170px;height: 42px;border: solid 1px #e7e6e6;border-radius: 3px;margin-top: 18px;font-size: 16px;padding-left: 10px"/>

                <span style="margin-left: 5px">-</span>
                <input type="text"
                    id="birthday2"   style="width: 170px;height: 42px;border: solid 1px #e7e6e6;border-radius: 3px;margin-top: 18px;margin-left: 5px;font-size: 16px;padding-left: 10px"/>
            </div>
            <div class="screening-day-buts">
                <div class="day-buts-first active" id="all">
                    全部
                </div>
                <div class="day-buts-second" id="week">
                    最近一周
                </div>
                <div class="day-buts-second" id="month">
                    最近一个月
                </div>
                <div class="day-buts-second" id="season">
                    最近三个月
                </div>
            </div>
            <div  class="screening-day-buts thirdType" style="margin:0 28px 10px 0 ;">
                <div class="day-buts-third" data-type="4">提现</div>
                <div class="day-buts-third" data-type="3">充值</div>
                <div class="day-buts-third" data-type="2">回款</div>
                <div class="day-buts-third" data-type="1">投资</div>
                <div class="day-buts-third red" data-type="0">全部</div>
            </ul>
            </div>
        </div>
        <table class="table-whole">
            <thead>
            <tr style="background: #f4f4f4;height: 50px;">
                <td style="text-align: center;font-size: 16px;color: #767676;">操作类型</td>
                <td style="text-align: center;font-size: 16px;color: #767676;">操作金额</td>
                <td style="text-align: center;font-size: 16px;color: #767676;">可用余额</td>
                <td style="text-align: center;font-size: 16px;color: #767676;">记录时间</td>
            </tr>
            </thead>
            <tbody id="moneyList">


            </tbody>
            <script id="moneyListTemp" type="text/x-handlebars-template">
                {{#each this}}
                <tr style="height: 44px">
                    <td style="text-align: center;font-size: 16px;color: #989898">{{remark}}</td>
                    <td style="text-align: center;font-size: 16px;color: #989898">{{budgetType}}{{operMoney}}元</td>
                    <td style="text-align: center;font-size: 16px;color: #989898">{{usable}}元</td>
                    <td style="text-align: center;font-size: 16px;color: #989898">{{addtime}}</td>
                </tr>
                {{/each}}
            </script>

        </table>
        <div>
            <table class="table-whole">
                <thead>
                <tr style="background: #f5f5f5;height: 50px;" id="countAccountLog">
                </tr>
                </thead>
            </table>
        </div>
        <div class="pages">
            <nav>
                <ul id="pages" style="margin:74px auto">

                </ul>
            </nav>
        </div>
    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>